onload,window.onload,DOMcontentLoaded

onload事件

定义和用法
onload 事件会在页面或图像加载完成后立即发生。

语法

onload="SomeJavaScriptCode"

参数描述

    SomeJavaScriptCode    必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签：

    <body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>

支持该事件的 JavaScript 对象：

    image, layer, window

什么时候触发？

在文档加载完成后能立即触发

window.onload的用法

页面中的代码一般情况下按照，从上到下，从左到右的顺序执行。
所以当js代码需要获取页面中的元素时，如果script标签在元素的前面，需要加window.onload；如果script放在了元素后面，就不需要加 window.onload。

什么时候触发？

初始的 HTML 文档被完全加载和解析完成之后，（浏览器DOM树形成之后）而无需等待样式表、图像和子框架的完成加载。但是必须等待其所属script之前的样式表加载解析完成才会触发

用法
jQuery 中经常使用的 $(document).ready(function() { // ...代码... }); 其实监听的就是 DOMContentLoaded 事件